<template>
	<view>
	<!-- 	<view class="card">
			<view class="title1">
				一起来定制属于你们的活动吧！
			</view>
			<view class="title2">
				1分钟问卷评估
			</view>
			<image src="../../static/customization.png" mode="widthFix"></image>

			<view class="card_">
				<view class="text">
					<view class="">
						了解你的团队风格
					</view>
					<view class="">
						量身定制游戏方案的难度、时长及游戏内容
					</view>
				</view>
				<view class="btn">
					立即定制
				</view>
			</view>

		</view>
 -->
   <image class="image" src="https://wjlm.goldsu.cn/file/dc275efa-1477-4c1e-82a3-c3546a7b5242.png" mode="widthFix" @click="nav()"></image>

   </view>
</template>

<script>
	export default {
		
		data() {
			return {

			}
		},
		methods: {
			nav(){
				this.$myRuquest('home/custom/custom_list').then(res=>{
					if(res.data.activ.length||res.data.activ_s.length){
						uni.redirectTo({
						url:'./customizationScheme?data='+encodeURIComponent(JSON.stringify(res.data))
					})
					}else{
						uni.navigateTo({
							url:'./addCustomization/addCustomization'
						})
					}			
				})
				
			}
		}
	}
</script>

<style lang="scss">
	.image{
		width: calc(100vw - 40upx);
		margin: 20upx;
	}
	.card {
		width: calc(100vw - 80upx);
		height: calc(100vh - 132upx);
		margin: 20upx;
		border-radius: 20upx;
		padding: 46upx 20upx;
		background-image: linear-gradient(-46deg, #FFFFFF, #F9CF6F);

		.title1 {
			font-size: 48upx;
			color: #AC7D3D;
			font-weight: 700;
		}

		.title2 {
			font-size: 36upx;
			color: #AC7D3D;
			margin-top: 20upx;
		}

		image {
			width: 100%;
			margin-top: 60upx;
		}
		
		.card_{
			padding: 36upx 60upx;
			background-color: #FFFFFF;
			border-radius: 20upx;
			position: relative;
			top: -160upx;
			.text{
				padding: 54upx 40upx;
				view:nth-child(1){
					font-size: 36upx;
					color: #333333;
					font-weight: 700;
				}
				view:nth-child(2){
					font-size: 32upx;
					color: #666666;
				}
			}
			.btn{
				background-color: #FED194;
				color: #AC7D3D;
				font-size: 36upx;
				text-align: center;
				height: 86upx;
				line-height: 86upx;
				border-radius: 43upx;
			}
		}
	}
</style>
